@charset "utf-8";
/* CSS Document */
	*{margin:0;padding:0;list-style-type:none;}
	body{font:12px/180% Arial, Helvetica, sans-serif, "黑体";}
	a,img{border:0;display:block;}	
	
	.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
    .addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
	.addWrap .swipe1{overflow: hidden;visibility: hidden;position:relative; margin-left:3%; margin-right:3%; margin-top:3%;}
 	.addWrap .swipe-wrap{overflow:hidden;position:relative;}
	.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
	.addWrap .swipe-wrap > div > img{ width:100%;}
	.addWrap .swipe-wrap .noewen{ position:absolute; top:5%;margin-left:3%; opacity:0}
	.addWrap .swipe-wrap .mywen{-webkit-animation:mynoewen 5s forwards;
			      		  		   -moz-animation:mynoewen 5s forwards;
			           				    animation:mynoewen 5s forwards;}
	.addWrap .swipe-wrap .noe_tu{ position:absolute; top:15%;margin-left:3%;
									-webkit-animation:myboxnoe 3s forwards;
			      		  			   -moz-animation:myboxnoe 3s forwards;
			           						animation:myboxnoe 3s forwards;}
	.addWrap .swipe-wrap .miao{ position:absolute; top:55%;margin-left:3%; opacity:0;}
									
	.addWrap .swipe-wrap .mymiaos{-webkit-animation:mymiao 5s forwards;
			      		  			 -moz-animation:mymiao 5s forwards;
			           			    	  animation:mymiao 5s forwards;}	
	.addWrap .swipe-wrap .box2{ position:relative;}
	.addWrap .swipe-wrap .box2 .twowen{ position:absolute; top:70px; left:15%;}
	.addWrap .swipe-wrap .box2 .no_xin_bg{position:absolute; top:20%; left:10%;}
	.addWrap .swipe-wrap .box2 .jin_x_bg{position:absolute; top:60%; left:10%;}
	#position{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0;background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;}
	#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
	#position li.cur{background-color:#FF0000;}
	.img-responsive { display: block; max-width:100%;height: auto;}
	
	
	
	/*noe_tu*/
	@-webkit-keyframes myboxnoe{
		0%{ -webkit-transform:rotateY(180deg)}
		100%{ -webkit-transform:rotateY(0deg)}
	}
	@-moz-keyframes myboxnoe{
		0%{ -webkit-transform:rotateY(180deg)}
		100%{ -webkit-transform:rotateY(0deg)}
	}
	@keyframes myboxnoe{
		0%{ -webkit-transform:rotateY(180deg)}
		100%{ -webkit-transform:rotateY(0deg)}
	}
	/*noewen*/
	@-webkit-keyframes mynoewen{
		0%{ opacity:0; top:2%}
		100%{ opacity:1; top:5%;}
	}
	@-moz-keyframes mynoewen{
		0%{ opacity:0; top:2%}
		100%{ opacity:1; top:5%;}
	}
	@keyframes mynoewen{
		0%{ opacity:0; top:2%}
		100%{ opacity:1; top:5%;}
	}
	/*miao*/
	@-webkit-keyframes mymiao{
		0%{ opacity:0; top:52%}
		100%{ opacity:1; top:55%;}
	}
	@-moz-keyframes mymiao{
		0%{ opacity:0; top:52%}
		100%{ opacity:1; top:55%;}
	}
	@keyframes mymiao{
		0%{ opacity:0; top:52%}
		100%{ opacity:1; top:55%;}
	}
.img-con {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
}
.img-con .img-zan {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
}
.zan {
	background-image: url(../images/read/zan.png);
	width: 190px;
	height: 140px;
	background-size: 45px auto;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	border-right: 1px solid #fff;
}
.zan-info {
	float: left;
	color: #fff;
	font-size: 50px;
	line-height: 60px;
	padding-top: 10px;
	text-align: center;
	font-family: "Microsoft YaHei";
	width: 543px;
}
.zan-info span {
	color: #fb9a00;
	font-size: 60px;
	margin: 0 7px;
}
.zaned {
	background-image: url(../images/read/zan2.png);
}

.mask_zzc {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 2000;	
}
.alert {
	color:#000;
	-webkit-box-shadow:0 0 5px 5px #2D3A3A;
	-moz-box-shadow: 0 0 5px 5px #2D3A3A;
	box-shadow: 0 0 5px 5px #2D3A3A;
	width: 80%;
	background-color: white;
	position: fixed;
	z-index: 2001;
	top: 35%;
	left: 50%;
	margin-left: -40%;
	border-radius: 30px;
	//box-shadow: 0px 0px 50px;
	text-align: center;
	display: none;
	font-size:55px;
	font-weight:500;
	text-decoration:none;
}
.alert div
{
	margin: 10% 5% 10% 5%;
}
a:hover
{
	text-decoration:none;
	color:white;
}
.alert-btn {
	
	background-color: #63A7BD;
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	border-radius: 30px;
	padding: 5% 5% 5% 5%;
}